<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="./css/index.css" rel="stylesheet">
		<link href="./css/base.css" rel="stylesheet">
	</head>
	<body>
		<div class="wrap">
			<header class="flex justify-content-between">
				<img src="./images/logo.png" class="logo">
				<div class="flex menu">
					<a class="menu-item">最新动态</a>
					<a class="menu-item">Shader</a>
					<a class="menu-item">特效学习</a>
					<a class="menu-item">脚本学习</a>
					<a class="menu-item">杂乱有章</a>
					<a class="menu-item">关于我</a>
				</div>
			</header>
			<div class="flex justify-content-center line-bg">
				<img src="./images/bg_line.png" />
			</div>
			<section class="flex justify-content-center content">
				<section class="flex-column list">
					<div class="flex item">
						<article>
							<a class="title">我怎么会知道今天嘉然吃什么</a>
							<div class="subtile">其实我以前不爱吃糖，后来是觉得吃糖能给大脑补充一丢丢能量得感觉，才开始吃糖</div>
							<div class="article-line"></div>
							<div class="article-content">
								纹理属性的Warp
								Mode决定了UV坐标超过[0,1]范围后如何平铺放大和缩小纹理都用到了滤波技术，缩小纹理通常使用MipMap来缓解锯齿问题，MipMap是内存换时间的方法纹理的长款尽量为2次幂数，否则影响性能计算光照模型需要统一各方向矢量所在的坐标空间法线纹理一般……
							</div>
							<div class="flex align-items-center article-bottom">
								<div class="article-time">2021-10-02</div>
								<div class="flex align-items-center label-list">
									<div>标签：</div>
									<a>原创</a>
									<a>生活</a>
								</div>
								<a class="more">Read More</a>
							</div>
						</article>
						<div class="article-right">
							<img src="./images/pic1.png" class="item-img" />
							<img src="./images/pic_mask.png" class="pic-mask" />
							<div class="number">11</div>
						</div>
					</div>
					<div class="flex item">
						<article>
							<a class="title">我怎么会知道今天嘉然吃什么</a>
							<div class="subtile">其实我以前不爱吃糖，后来是觉得吃糖能给大脑补充一丢丢能量得感觉，才开始吃糖</div>
							<div class="article-line"></div>
							<div class="article-content">
								纹理属性的Warp Mode
								决定了UV坐标超过[0,1]范围后如何平铺放大和缩小纹理都用到了滤波技术，缩小纹理通常使用MipMap来缓解锯齿问题，MipMap是内存换时间的方法纹理的长款尽量为2次幂数，否则影响性能计算光照模型需要统一各方向矢量所在的坐标空间法线纹理一般……
							</div>
							<div class="flex align-items-center article-bottom">
								<div class="article-time">2021-10-02</div>
								<div class="flex align-items-center label-list">
									<div>标签：</div>
									<a>原创</a>
									<a>生活</a>
								</div>
								<a class="more">Read More</a>
							</div>
						</article>
						<div class="article-right">
							<img src="./images/pic1.png" class="item-img" />
							<img src="./images/pic_mask.png" class="pic-mask" />
							<div class="number">12</div>
						</div>
					</div>
					<div class="flex item">
						<article>
							<a class="title">我怎么会知道今天嘉然吃什么</a>
							<div class="subtile">其实我以前不爱吃糖，后来是觉得吃糖能给大脑补充一丢丢能量得感觉，才开始吃糖</div>
							<div class="article-line"></div>
							<div class="article-content">
								纹理属性的Warp。
							</div>
							<div class="flex align-items-center article-bottom">
								<div class="article-time">2021-10-02</div>
								<div class="flex align-items-center label-list">
									<div>标签：</div>
									<a>原创</a>
									<a>生活</a>
								</div>
								<a class="more">Read More</a>
							</div>
						</article>
						<div class="article-right">
							<img src="./images/pic1.png" class="item-img" />
							<img src="./images/pic_mask.png" class="pic-mask" />
							<div class="number">13</div>
						</div>
					</div>
					<div class="flex item">
						<article>
							<a class="title">我怎么会知道今天嘉然吃什么</a>
							<div class="subtile">其实我以前不爱吃糖，后来是觉得吃糖能给大脑补充一丢丢能量得感觉，才开始吃糖</div>
							<div class="article-line"></div>
							<div class="article-content">
								到了滤波技术，缩小纹理通常使用MipMap来缓解锯齿问题，MipMap是内存换时间的方法纹理的长款尽量为2次幂数，否则影响性能计算光照模型需要统一各方向矢量所在的坐标空间法线纹理一般……
							</div>
							<div class="flex align-items-center article-bottom">
								<div class="article-time">2021-10-02</div>
								<div class="flex align-items-center label-list">
									<div>标签：</div>
									<a>原创</a>
									<a>生活</a>
								</div>
								<a class="more">Read More</a>
							</div>
						</article>
						<div class="article-right">
							<img src="./images/pic1.png" class="item-img" />
							<img src="./images/pic_mask.png" class="pic-mask" />
							<div class="number">14</div>
						</div>
					</div>
				</section>
				<section class="right">
					<div class="flex align-items-center search">
						<input class="search-input" />
						<img src="./images/icon_search.png" class="pic-search" />
					</div>
					<div class="notice tab">
						<div class="flex align-items-center tab-heaer">
							<div class="tab-title">糖纸公告</div>
							<div class="tab-line"></div>
						</div>
						<div class="flex-column align-items-center tab-content">
							<div class="notice-context">
								<div>我的苦闷</div>
								<div>在你拿起我时</div>
								<div>就和尘埃一起抖落了</div>
								<div>～我是一只小鹌鹑～</div>
							</div>
							<div class="notice-tips">
								<div>记录个人生活，无意扩散</div>
								<div>本站图片部分源于网络</div>
							</div>
						</div>
					</div>
					<div class="news-article tab">
						<div class="flex align-items-center tab-heaer">
							<div class="tab-title">最新文章</div>
							<div class="tab-line"></div>
						</div>
						<div class="flex-column news-list">
							<div class="news-item">
								<a>49-初学者黑匣子3_交错数组</a>
							</div>
							<div class="news-item">
								<a>49-初学者黑匣子3_交错数组</a>
							</div>
							<div class="news-item">
								<a>49-初学者黑匣子3_交错数组</a>
							</div>
							<div class="news-item">
								<a>49-初学者黑匣子3_交错数组</a>
							</div>
							<div class="news-item">
								<a>49-初学者黑匣子3_交错数组</a>
							</div>

						</div>
					</div>
					<div class="labels-list tab">
						<div class="flex align-items-center tab-heaer">
							<div class="tab-title">标签总栏</div>
							<div class="tab-line"></div>
						</div>
						<div class="flex label">
							<a>原创</a>
							<a>转载</a>
							<a>生活</a>
							<a>git</a>
							<a>unity</a>
							<a>生活</a>
							<a>生活</a>
							<a>生活</a>
						</div>
					</div>
					<div class="user-info">
						<div>邮箱：554030170@qq.com</div>
						<div>邮箱：554030170@qq.com</div>
						<div>邮箱：554030170@qq.com</div>
					</div>
				</section>
			</section>
			
			<section class="flex-column align-items-center justify-content-center page">
				<div class="flex align-items-center paginate">
					<div class="prev">
						<a>上一页</a>
					</div>
					<div class="flex page-list">
						<a class="active">1</a>
						<a>2</a>
						<a>3</a>
					</div>
					<div class="next">
						<a>下一页</a>
					</div>
				</div>
				<div class="flex justify-content-center align-items-center jump">
					<div class="flex align-items-center">
						<div class="page-number">共12页</div>
						<div>/</div>
						<div class="font">跳转</div>
					</div>
					<div class="input">
						<input />
					</div>
				</div>
			</section>
		</div>
	</body>
</html>
